<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <h1 v-bind:title="msg" v-bind:joy="xm">this is default words</h1>
    <img v-bind:src="url" alt="oldMan">
    <br>
    <a href="http://www.baidu.com" :title="baidu">100deg</a>
    <!--注意：已下语法报错-->
    <!--<a :href="http://www.baidu.com">baidu</a>-->
    <!--v-bind绑定的属性中可以使用任意的js表达式-->
    <!--v-bind绑定属性的时候，只要没加引号就是data中的属性-->
    <a :href="link1+'baidu.com'">拼接链接地址，注意引号</a>
</div>
<script src="vue.js"></script>
<script>
    var vm=new Vue({
        el:'#app',
        data:{
            msg:'普通文本',
            xm:'this is joy',
            url:'yytu.jpg',
            link:'http://www.baidu.com',
            link1:'http://'
        }
    })
</script>
</body>
</html>